import React, { useState, useEffect } from 'react'
import Greet from './foo.js'
import { createRoot } from 'react-dom/client'
const App = () => {
  const [show, setShow] = useState(false)
  return (
    <>
      <div onClick={() => setShow(!show)}>app</div>
      {show && <Greet></Greet>}
    </>
  )
}
const root = createRoot(document.querySelector('#app'))
root.render(<App></App>)
